{{HEADER}}
<div class="row">
	<div class="large-12 columns">
		<h2>Outils</h2>
	</div>
	<div class="large-12 columns">
		<div class="panel">
			<h4>Lien</h4>
			<form id="form-link">
				Message avant lien : <input type="text" id="before-link">	
				Nom du lien : <input type="text" id="name-link">	
				Url du lien : <input type="text" id="url-link">
				<input class="button" type="submit" value="Create">
			</form>
		</div>
		<div class="row">
			<div class="large-5 columns panel">
				<textarea class="code" id="link-code"></textarea>
			</div>
			<div class="large-5 large-offset-1 columns panel">
				<div class="preview" id="link-preview"></div>
			</div>
		</div>
	</div>  
	<hr>
	<div class="large-12 columns">
		<h4>Regles</h4>
		<div class="row">
			<div class="large-5 columns panel">
				<textarea class="code">
<br />
<div style="text-align: center; color: rgb(255, 102, 102);">
	<span style="font-weight: bold;">- Quelques règles importantes -</span>
	<br /><br />
	<div style="text-align: left;">
		<span style="font-weight: bold;">Nous sommes contre :</span><br />
	</div>
</div>
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les liens<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;La publicité<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Le spam et le flood<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;La provocation<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les propos haineux et les insultes<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;L'écriture en MAJUSCULES<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;L'abus de signes de ponctuations<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les demandes de changement de jeu<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les pseudos tendancieux, incorrects<br />
<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les trolls<br />
<br />
<span style="color: rgb(102, 204, 204); font-weight: bold;">Nous sommes pour:</span><br />
<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;La bonne ambiance<br />
<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;Le respect d'autrui<br />
<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;La politesse et la convivialité<br />
<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;Le respect des consignes<br />
<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;L'aide au streamer en difficulté<br />
<br />
<div style="text-align: right;">
	<span>De la part de tous les modos,merci.</span>
	<span style="color: rgb(102, 204, 204);">❤</span>
</div>
				</textarea>
			</div>
			<div class="large-5 large-offset-1 columns panel">
				<div class="preview">
					<br />
					<div style="text-align: center; color: rgb(255, 102, 102);">
						<span style="font-weight: bold;">- Quelques règles importantes -</span>
						<br /><br />
						<div style="text-align: left;">
							<span style="font-weight: bold;">Nous sommes contre :</span><br />
						</div>
					</div>
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les liens<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;La publicité<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Le spam et le flood<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;La provocation<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les propos haineux et les insultes<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;L'écriture en MAJUSCULES<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;L'abus de signes de ponctuations<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les demandes de changement de jeu<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les pseudos tendancieux, incorrects<br />
					<span style="color: rgb(255, 102, 102);">✖</span>&nbsp;Les trolls<br />
					<br />
					<span style="color: rgb(102, 204, 204); font-weight: bold;">Nous sommes pour:</span><br />
					<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;La bonne ambiance<br />
					<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;Le respect d'autrui<br />
					<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;La politesse et la convivialité<br />
					<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;Le respect des consignes<br />
					<span style="color: rgb(102, 204, 204);">✔</span>&nbsp;L'aide au streamer en difficulté<br />
					<br />
					<div style="text-align: right;">
						<span>De la part de tous les modos,merci.</span>
						<span style="color: rgb(102, 204, 204);">❤</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/app-link.js"></script>
{{FOOTER}}